﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Ashraf on Web</title>

        <!-- CommentOnDeployStart -->
        <link href="css/corners.css" type="text/css" rel="stylesheet" />
        <link href="css/structure.css" type="text/css" rel="stylesheet" />
        <!-- CommentOnDeployEnd -->
        <!-- UnCommentOnDeployStart
        <link href="css/packed.css" type="text/css" rel="stylesheet" />

        <script src="http://www.google.com/jsapi?key=ABQIAAAAf8dSkiB9mkdxnNKjC6LZGxSxvWNQDoeYivr4VDBZSMg3Ur0CxhS0qUdiKQznVVu-iZXc563soglT5g" type="text/javascript">
        </script>
        <script type="text/javascript">
            google.load("jquery", "1.4.2");
        </script>
        UnCommentOnDeployEnd -->

        <!-- CommentOnDeployStart -->
        <script type="text/javascript" src="scripts/jquery.js"></script>
        <script type="text/javascript" src="scripts/jquery.accordion.js"></script>
        <script type="text/javascript" src="scripts/jquery.template.js"></script>
        <script type="text/javascript" src="scripts/pngcorners.js"></script>
        <script type="text/javascript" src="scripts/default.js"></script>
        <script type="text/javascript" src="scripts/speech.js"></script>
        <!-- CommentOnDeployEnd -->
        <!-- UnCommentOnDeployStart
        <script type="text/javascript" src="scripts/packed.js"></script>
        UnCommentOnDeployEnd -->

        <!--google analytics-->
        <!-- UnCommentOnDeployStart
        <script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>

        <script type="text/javascript">
            try {
                var pageTracker = _gat._getTracker("UA-4577165-2");
                pageTracker._trackPageview();
            } catch(err) {}
        </script>
        UnCommentOnDeployEnd -->

        <script type="text/javascript">
            $(document).ready(function(){
                initialize();
            });
            window.onload = sayHello;
        </script>

    </head>
    <body>
        <div id="wrapper" class="white_corner">
            <div class="content">
                <div id="header">
                    <div id="profile_picture" class="profile_picture"></div>
                    <div class="title">
                        <h1>Welcome to my website</h1>
                        <h2>A.K.M. Ashrafuzzaman</h2>
                        <h3 speech="Yup! It's a bit long.<br/>That's why you can use the other one :)">ashrafuzzaman.g2(AT)gmail(DOT)com</h3>
                        <h3 speech="A shorter email :)">zmn.ashraf(AT)gmail(DOT)com</h3>
                        <h3><i>Phone number</i> +46720413223</h3>
                        <h3><i>Technical blog </i><a href="http://jitu-blog.blogspot.com/" target="_blank">jitu-blog.blogspot.com</a>,
                            <a href="http://distash.blogspot.com/" target="_blank" speech="It is about Distributed System">distash.blogspot.com</a></h3>
                        <br/>
                    </div>
                </div>
                <div id="navigation">
                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <td class="navigation_left"></td>
                            <td class="navigation_bg">
                                <div><a id="mnu_home" href="pages/home.html" class="selected ajaxLink" speech="A quick tour" select="home">Home</a></div>
                                <div class="seperator"></div>
                                <div><a id="mnu_aboutme" class="ajaxLink" href="pages/aboutme.html" speech="Learn more about me" select="aboutme">About Me</a></div>
                                <div class="seperator"></div>
                                <div><a id="mnu_resume" class="ajaxLink" href="pages/resume.html" select="resume" speech="Working with Simple Signup :)">Resume</a></div>
                                <div class="seperator"></div>
                                <div><a id="mnu_pictures" class="ajaxLink" href="pages/pictures.html" select="pictures" speech="My favorite pictures">Pictures</a></div>
                                <div class="seperator"></div>
                                <div><a id="mnu_contacts" class="ajaxLink" href="pages/contacts.html" select="contacts" speech="I will be in touch ASAP">Contacts</a></div>
                            </td>
                            <td class="navigation_right"></td>
                        </tr>
                    </table>
                </div>
                <div id="content_wrapper">
                    <div id="content">

                    </div>
                </div>
                <div id="footer">
                    <hr size="1"/>
                    <h4 speech="You are most welcome to provide any feedback">Developed and maintained by A.K.M. Ashrafuzzaman</h4>
                </div>
            </div>
        </div>
        <div class="bubble_template bubble green_corner round_me" style="display: none;">
            <div class="arrow"></div>
            <div class="speech_content">
                Welcome
            </div>
        </div>

    </body>
</html>